import util from '@/js/util/util.js';
let Template = [
    {
        id: 'menu01_0001',
        component: 'Menu',
        style: {
            width: {
                value: 800,
                pixel: 800,
                unit: 'px'
            },
            height: {
                value: 61,
                pixel: 61,
                unit: 'px'
            },
            top: {
                value: 0,
                pixel: 0,
                unit: 'px'
            },
            left: {
                value: 0,
                pixel: 0,
                unit: 'px'
            },
            bottom: {
                value: '',
                unit: 'px'
            },
            right: {
                value: '',
                unit: 'px'
            },
            backgroundImage: {
                angle: 90,
                color: ['#1A1F32FF']
            },
            borderRadius: {
                value: 0,
                unit: 'px'
            },
            fontSize: 18,
            color: '#FFFFFFFF',
            rotate: 0,
            opacity: 100,
            fontWeight: 500,
            'z-index': '1',
            borderWidth: 0,
            borderStyle: 'solid',
            borderColor: '#FFFFFF',
            boxShadow: {
                level: 0,
                vertical: 0,
                blur: 0,
                spread: 0,
                color: '#000000FF'
            },
            textShadow: {
                visible: false,
                level: 0,
                vertical: 0,
                blur: 0,
                color: '#FFFFFFFF'
            },
            fontFamily: 'inherit',
            backdropFilter: 0,
            filter: 0
        },
        attribute: {
            visible: true,
            page: 0,
            highlight: false,
            locked: false,
            menuActiveColor: '#ffd04b',
            direction: "horizontal"
        },
        animate: [],
        event: [],
        data: [
            {
                name: "菜单1",
                id: util.getID(),
                children: []
            },
            {
                name: "菜单2",
                id: util.getID(),
                children: []
            },
            {
                name: "菜单3",
                id: util.getID(),
                children: [
                    {
                        name: "菜单3-1",
                        id: util.getID(),
                        children: []
                    }
                ]
            }
        ]
    },
    {
        id: 'menu01_0002',
        component: 'Menu',
        style: {
            width: {
                value: 200,
                pixel: 200,
                unit: 'px'
            },
            height: {
                value: 600,
                pixel: 600,
                unit: 'px'
            },
            top: {
                value: 0,
                pixel: 0,
                unit: 'px'
            },
            left: {
                value: 0,
                pixel: 0,
                unit: 'px'
            },
            bottom: {
                value: '',
                unit: 'px'
            },
            right: {
                value: '',
                unit: 'px'
            },
            backgroundImage: {
                angle: 90,
                color: ['#1A1F32FF']
            },
            borderRadius: {
                value: 0,
                unit: 'px'
            },
            fontSize: 18,
            color: '#FFFFFFFF',
            rotate: 0,
            'z-index': '1',
            opacity: 100,
            fontWeight: 500,
            borderWidth: 0,
            borderStyle: 'solid',
            borderColor: '#FFFFFF',
            boxShadow: {
                level: 0,
                vertical: 0,
                blur: 0,
                spread: 0,
                color: '#000000FF'
            },
            textShadow: {
                visible: false,
                level: 0,
                vertical: 0,
                blur: 0,
                color: '#FFFFFFFF'
            },
            fontFamily: 'inherit',
            backdropFilter: 0,
            filter: 0
        },
        attribute: {
            visible: true,
            page: 0,
            highlight: false,
            locked: false,
            menuActiveColor: '#ffd04b',
            direction: "vertical"
        },
        animate: [],
        event: [],
        data: [
            {
                name: "菜单1",
                id: util.getID(),
                children: []
            },
            {
                name: "菜单2",
                id: util.getID(),
                children: []
            },
            {
                name: "菜单3",
                id: util.getID(),
                children: [
                    {
                        name: "菜单3-1",
                        id: util.getID(),
                        children: []
                    }
                ]
            }
        ]
    }
];

export default Template;